<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>dom对象和jquerey对象的介绍</title>
</head>
<body>

<ul>
    <li id="cloth">衣服</li>
    <li>裤子</li>
    <li>裤衩子</li>
    <li>袜子</li>
</ul>

<script src="jquery.min.js"></script>
<script>
    $(function () {
        //1. 什么是DOM对象(js对象):使用js的方式获取到的元素就是js对象（DOM对象）
        //var cloth = document.getElementById("cloth");
        //
        //
        // 9cloth.style.backgroundColor = "pink";


        //2. 什么是jq对象：使用jq的方式获取到的元素就是jq对象
        var $li = $("li");
        console.log($li);
        $li.text("我改了内容");

    });
</script>

<!--原生js选择器获取的对象
var div1 = document.getElementById("");
div1.style.bgcolor='red';-->

</body>
</html>